<!DOCTYPE html>
<html
        xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:th="http://www.thymeleaf.org"
        xmlns="http://www.w3.org/1999/html"
        layout:decorate="~{base/layout}">

<div layout:fragment="content">
    <!--med_tittle_section-->
    <div class="med_tittle_section">
        <div class="med_img_overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="med_tittle_cont_wrapper">
                        <div class="med_tittle_cont">
                            <ol class="breadcrumb">
                                <li><a th:href="@{/}">乡务公开</a></li>
                                <li><a th:href="@{/village/activitiesUI(contentType=${activeTab})}" th:text="${activeTab}"></a></li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="page-container">
        <div class="container">
            <div class="row med_toppadder50">
                <!--                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">-->
                <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
                    <div class="filter-type-box cy-tabs">
                        <ul class="nav nav-tabs mb-10">
                            <li th:class="${activeTab=='乡委管理'?'active':''}">
                                <a th:href="@{/village/committeeUI}"><i class="fa"></i>乡委管理</a>
                            </li>
                            <li th:class="${activeTab=='政务公开'?'active':''}">
                                <a th:href="@{/village/activitiesUI(contentType='政务公开')}"><i class="fa"></i>政务公开</a>
                            </li>
                            <li th:class="${activeTab=='农技知识'?'active':''}">
                                <a th:href="@{/village/activitiesUI(contentType='农技知识')}"><i class="fa"></i>农技知识</a>
                            </li>
                            <li th:class="${activeTab=='乡风文明'?'active':''}">
                                <a th:href="@{/village/activitiesUI(contentType='乡风文明')}"><i class="fa"></i>乡风文明</a>
                            </li>
                            <li th:class="${activeTab=='惠农政策'?'active':''}">
                                <a th:href="@{/village/activitiesUI(contentType='惠农政策')}"><i class="fa"></i>惠农政策</a>
                            </li>
                            <li class="pull-right">
                                <div class="search-tags">
                                    <form th:action="@{/village/activitiesUI}" methed="post" name="search-form"
                                          id="search-form" class="form-inline">
                                        <div class="input-group">
                                            <input type="hidden" name="contentType" th:value="${activeTab}">
                                            <input type="text" name="searchName" th:value="${searchName}"
                                                   class="form-control">
                                            <span class="input-group-btn">
                                                <input class="btn btn-info" type="submit" value="名称搜索"><i
                                                    class="fa fa-search"></i></input>
                                            </span>
                                        </div>
                                    </form>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div th:each="activities:${page.content}" class="cy-news-grid-item">
                        <div class="cy-news-thumbnail pull-left">
                            <a th:href="@{/village/activitiesDetailsUI(id=${activities.id})}">
                                <img th:src="@{'/images/'+ ${activities.image} +'.jpg'}"  class="image_fade" alt="">
                            </a>
                        </div>
                        <div class="cy-media-body">
                            <div class="cy-grid-body">
                                <h5><a th:href="@{/village/activitiesDetailsUI(id=${activities.id})}" th:text="${activities.title}"></a></h5>
<!--                                <small th:text="${activities.describe}"></small>-->
                                <div id ="editorContent"  th:utext="${activities.describe}" style="color: #9c9c9c;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;"></div>
                            </div>
                            <div class="cy-btm-info">
                                <div class="cy-btm-date" th:text="惠来县仙庵镇人民政府"></div>
                                <div class="cy-btm-tags"><a href="javascript:void(0);">惠来仙庵</a></div>
                            </div>
                        </div>
                    </div>

                    <div th:insert="~{base/pageable}"></div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <div class="sider-card">
                        <div class="sider-card-header">
                            <h3>办事指南</h3>
                        </div>
                        <ul class="sider-list-model-a">
                            <li th:each="activities:${topActivities1}">
                                <a th:href="@{/village/activitiesDetailsUI(id=${activities.id})}" th:text="${activities.title}"></a>

                            </li>
                        </ul>
                    </div>
                    <div class="sider-card">
                        <div class="sider-card-header">
                            <h3>政策法规</h3>
                        </div>
                        <ul class="sider-list-model-a">
                            <li th:each="activities:${topActivities2}">
                                <a th:href="@{/village/activitiesDetailsUI(id=${activities.id})}" th:text="${activities.title}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</html>